<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="360-site-verification" content="069696bccb05551c48c9ad917c6f01d8" />
    <meta name="sogou_site_verification" content="moKVomyHjo"/>
    <title>壹立科技-申请试用</title>
    <link rel="icon" href="http://one-stand.oss-cn-shanghai.aliyuncs.com/one-product/favicon.ico"
          type="image/x-icon"/>
    <link rel="stylesheet" href="../Static/css/font-awesome.min.css">
    <link rel="stylesheet" href="../Static/css/element-ui.css">
    <link href="../Static/css/jquery.easy_slides.css" rel="stylesheet">
    <link rel="stylesheet" href="../Static/css/bootstrap.min.css">
    <!--<link rel="stylesheet" href="Static/css/index.css">-->
    <!--<link rel="stylesheet" href="Static/css/product.css">-->
    <link rel="stylesheet" href="../Static/css/comment.css">
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?8a0e80b20c5d6ee1e6310b13329cb26f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>
<!-- 导航栏 -->
<nav class="navbar navbar-default" id="nav">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                <img src="http://one-stand.oss-cn-shanghai.aliyuncs.com/one-product/yimaiLogo.png" alt="壹脉banner">
            </a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="menu"><a href="/">首页</a></li>
                <li class="menu">
                    <a href="./product.html">产品介绍</a>
                </li>
                <li class="menu Menu-case"><a href="./case.html">客户案例</a></li>
                <li class="menu"><a href="./news.html">新闻动态</a></li>
                <li class="menu"><a href="./about.html">关于我们</a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>


<!-- 轮播 -->
<div id="banner">
    <div class="trialBanner">
        <div class="container">
            <div id="join">
            <div class="banner-joinme">
                <p class="banner-joinme-tit">申请试用</p>
                <div class="banner-joinme-list">
                    <p>联系人</p>
                    <p><input class="join-inp" type="text" v-model="name" placeholder="请填写您的姓名"/>
                    </p>
                </div>
                <div class="banner-joinme-list">
                    <p>意向</p>
                    <p>
                        <el-select class="join-inp" v-model="intention" placeholder="请选择">
                            <el-option v-for="item in options" :key="item.value" :label="item.label"
                                       :value="item.value">
                            </el-option>
                        </el-select>
                    </p>
                </div>
                <div class="banner-joinme-list">
                    <p>手机号码</p>
                    <p>+86&nbsp;&nbsp;&nbsp;<input class="join-inp" v-model="phone" type="text"
                                                   oninput="value=value.replace(/[^\d]/g,'')" placeholder="请填写您的手机号码"/>
                    </p>
                </div>
                <div class="banner-joinme-list">
                    <p>微信</p>
                    <p><input class="join-inp" v-model="wechat" type="text" placeholder="请填写微信号码"/>
                    </p>
                </div>
                <button class="joinme-submit" @click="mysubmit">立即申请</button>
            </div>
            </div>
        </div>
    </div>
</div>

<!-- 侧边栏 -->
<div id="left-bar">
    <div class="left-bar-p left-bar-qq" style="padding:0">
        <a class="backTop" href="tencent://message/?uin=1115238556&amp;Site=有事Q我&amp;Menu=yes">QQ</a>
    </div>
    <div class="left-bar-p left-bar-phone">
        热线
        <p class="phone-num">
            <span class="phone-num-bg">028-63853204</span>
            <span class="phone-num-sm">17721872191&nbsp;&nbsp;&nbsp;18081916514</span>
        </p>
    </div>
    <div class="left-bar-p left-bar-weichat">
        微信
        <p class="weichat">
            <img src="http://one-stand.oss-cn-shanghai.aliyuncs.com/one-product/weixinma.jpg" alt="官方微信" width="90%"
                 height="90%">
            <span class="weichat-p">微信扫一扫立即咨询</span>
        </p>
    </div>
    <div class="left-bar-p left-bar-chanpin">
        产品
        <div class="left-bar-product">
            <div class="menu-list2-left-top">
                <a class="left-bar-pr-li2" href="#"
                   style="border-right:1px solid #35373D;border-bottom:1px solid #35373D;">
                    <p>壹脉智能名片</p>
                    <span>颠覆传统销售，快速精准拓客，开启移动互联网时代企业营销新模式。</span>
                </a>
                <a class="left-bar-pr-li2" href="#"
                   style="border-bottom:1px solid #35373D;border-left:1px solid #35373D">
                    <p>趣来智慧跑腿系统</p>
                    <span>代买代送代办服务，多元化跑腿应用场景，为更便捷的生活拓展无限可能。</span>
                </a>
            </div>
            <div class="menu-list2-left-top">
                <a class="left-bar-pr-li2" href="#" style="border-top:1px solid #35373D;">
                    <p>那年那食</p>
                    <span>致力于农产品上行，革新高端社交应用场景，让人情往来更体面。</span>
                </a>
                <a class="left-bar-pr-li2" href="#" style="border-left:1px solid #35373D;">
                    <p>社区团购</p>
                    <span>打造“线下实体”+“线上商城”+“社交运营”于一体的综合模式。</span>
                </a>
            </div>
        </div>
    </div>
    <div class="left-bar-p left-bar-top" style="padding:0">
        <a class="backTop" href="#banner"></a>
    </div>
</div>

<!-- 页脚 -->
<div id="footer">
    <div class="container foot-ui">
        <div class="footer-left">
            <p class="footer-left-tit">咨询热线：028-63853204 </p>
            <p class="footer-left-tit2" style="padding-top:15px"><img
                    src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/phone.png" alt=""
                    style="margin-right:8px">17721872191&nbsp;&nbsp;&nbsp;18081916514</p>
            <p class="footer-left-tit2"><img
                    src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/email.png" alt=""
                    style="margin-right:8px">yiliit@163.com
            </p>
            <p class="footer-left-tit2"><img
                    src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/address.png" alt=""
                    style="margin-right:8px">成都市高新区天府二街蜀都中心二期1号楼4单元8层806号</p>
            <a href="tencent://message/?uin=1115238556&amp;Site=有事Q我&amp;Menu=yes" class="Consultation  footer-left-qq" >
                <img style="margin-bottom:3px"
                     src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/qq.png" alt="咨询">
                <span style="font-size: 12px;color: #43464E">在线咨询</span>
            </a>
            <a  href="http://wpa.qq.com/msgrd?v=3&uin=1115238556&site=qq&menu=yes" class="phoneConsul footer-left-qq">
                <img style="margin-bottom:3px"
                     src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/qq.png" alt="咨询">
                <span style="font-size: 12px;color: #43464E">在线咨询</span>
            </a>
        </div>
        <div class="footer-right">
            <ul class="footer-right-ul">
                <li class="footer-right-tit">官方微信</li>
                <li class="footer-right-list" style="margin-top: 1rem"><img
                        src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/ma.png" alt="" width="72px"
                        height="72px"></li>
            </ul>
            <ul class="footer-right-ul">
                <li class="footer-right-tit">关注我们</li>
                <li class="footer-right-list" style="margin-top: 1rem">
                    <a href="#" class="footer-hover">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/wei.png" alt=""
                             width="30px">
                        <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/ma3.png" class="footer-hover-img">
                    </a></li>
                <li class="footer-right-list"><a href="#" class="footer-hover">
                    <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/tou.png" alt=""
                         width="30px">
                    <img src="https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/ma2.png"
                         class="footer-hover-img">
                </a></li>
            </ul>
            <ul class="footer-right-ul">
                <li class="footer-right-tit">关于我们</li>
                <li class="footer-right-list" style="margin-top: 1rem"><a href="about.html" class="footer-right-list-a">关于壹立</a>
                </li>
                <li class="footer-right-list"><a href="#" class="footer-right-list-a">加入我们</a></li>
            </ul>
            <ul class="footer-right-ul">
                <li class="footer-right-tit">相关产品</li>
                <li class="footer-right-list" style="margin-top: 1rem"><a href="http://www.yiliit.com/"
                                                                          class="footer-right-list-a">趣来智慧跑腿系统</a></li>
                <li class="footer-right-list"><a href="http://www.yiliit.com/" class="footer-right-list-a">趣来智慧团购系统</a>
                </li>
                <li class="footer-right-list"><a href="/" class="footer-right-list-a">壹脉AI智能名片</a></li>
                <li class="footer-right-list"><a href="http://www.yiliit.com/" class="footer-right-list-a">那年那食</a></li>
            </ul>
            <ul class="footer-right-ul">
                <li class="footer-right-tit">友情链接</li>
                <li class="footer-right-list" style="margin-top: 1rem"><a href="http://www.yiliit.com/" class="footer-right-list-a">壹立科技</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div id="foot-bottom">
    Copyright 2018 yiliit.com 成都壹立科技有限公司 © 蜀ICP备19002747号-2
</div>

<script src="../Src/js/jquery-1.11.0.min.js"></script>
<script src="../Src/js/bootstrap.min.js"></script>
<script src="../Src/js/jquery.easy_slides.js"></script>
<script src="../Src/js/vue.min.js"></script>
<script src="../Src/js/element-UI.js"></script>
<script src="../Src/js/comment.js"></script>

<script>
    if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
        $(".Consultation").css("display","none");
        $(".phoneConsul").css("display","block");

    } else {
        $(".Consultation").css("display","block");
        $(".phoneConsul").css("display","none");
    }

    //
    <!--点击返回上一页-->
    $('body').on('click', function () {
//          e.stopPropagation();
//          e.preventDefault();
          history.back();
    })
    $('body').on('click','.banner-joinme',function (e) {
           console.log("11111");
           e.stopPropagation();
           e.preventDefault();
    })

    /* 表单数据绑定 */
    new Vue({
        el: "#banner",
        data: {
            name: "",
            phone: '',
            wechat: '',
            intention: '',
            options: [{
                value: '1',
                label: '壹脉智能名片'
            }, {
                value: '2',
                label: '那年那食'
            }, {
                value: '3',
                label: '跑腿系统'
            }],
            src: ["../../Static/video/banner1.mp4", "https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/banner2.png", "https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/banner3.png",
                "https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/banner4.png", "https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/banner5.png", "https://one-stand.oss-cn-shanghai.aliyuncs.com/one-www/img/banner7.png"]
        },
        methods: {
            mysubmit(r) {

                var t = this;
                if (t.name && t.intention && t.phone && t.wechat) {
                    new AjaxRequest({
                        type: "post",
                        url: "/official/saveOfficialApply",
                        param: {
                            name: t.name,
                            intention: t.intention,
                            phone: t.phone,
                            wechat: t.wechat
                        },
                        isShowLoader: true,
                        dataType: "",
                        callBack: function (res) {
                            if (res.code == 200) {
                                t.$message({
                                    message: '恭喜你！申请成功',
                                    center: true,
                                    type: "success"
                                });
                                t.name = '';
                                t.intention = '';
                                t.phone = '';
                                t.wechat = '';
                            } else {
                                t.$message.error('申请失败');
                            }
                        }
                    });
                } else {
                    t.$message.error('请填写完整信息！');
                }
            },

        }
    })

    /* 顶部背景消失显示 */
    window.onscroll = function () {
        //变量t是滚动条滚动时，距离顶部的距离
        var t = document.documentElement.scrollTop || document.body.scrollTop;
        var scrollup = document.getElementById('nav');
        if (t == 0) {
            scrollup.style.background = "none";
        } else {          //恢复正常
            scrollup.style.background = "#35373D";
        }
        ;
    }
</script>
<script>
    (function(){
    var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?2d0292f21272d4ec4a35e2f3e676a6cc":"https://jspassport.ssl.qhimg.com/11.0.1.js?2d0292f21272d4ec4a35e2f3e676a6cc";
    document.write('<script src="' + src + '" id="sozz"><\/script>');
    })();
</script>
</body>

</html>